<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Required Meta Tags -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        <!-- Page Title -->
        <title>Softomart business Template</title>

        <!-- Favicon Icon -->
        <link rel="shortcut icon" href="favicon.png">

        <!-- CSS Files -->
        <link rel="stylesheet" href="assets/css/animate.css">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/jquery.lineProgressbar.css">
        <link rel="stylesheet" href="assets/css/style.css">
    </head>

    <body>
        <!-- Hero Section Starts -->
        <section class="cropium-hero-section">
            <div class="hero-left-shape"></div>
            <img src="assets/images/planet.png" class="planet-image item-animateThree" alt="planet">
            <!-- Hero Slider Starts -->
            <div class="cropium-hero-slider">
                <div class="hero-single-slide">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 align-self-center">
                                <div class="single-slide-content">
                                    <span class="title-top"><i class="fa fa-thumbs-up"></i> welcome to Sybida</span>
                                    <h1 class="title"><span>思  必  达</span> </br>用专业解决就业</h1>
                                    <div class="hero-button">
                                        <a href="/sybida/student/studentPersonalInformation.html" class="template-button">个人中心 <i class="fa fa-caret-right"></i></a>
                                        <a href="/sybida/publicTool/changePsw.html" class="template-button ml-4">账户中心 <i class="fa fa-caret-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="single-slide-image">
                                    <div class="slide-shape-blue"></div>
                                    <div class="slide-shape-yellow item-ripple-yellow"></div>
                                    <img src="assets/images/tree.png" class="tree-image item-animateOne" alt="tree">
                                    <img src="assets/images/hero-slide-1.png" >
                                    <div class="slide-image-bg"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-single-slide">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 align-self-center">
                                <div class="single-slide-content">
                                    <span class="title-top"><i class="fa fa-thumbs-up"></i> welcome to Sybida</span>
                                    <h1 class="title"><span>思  必  达</span> </br>引领你走上仕途之路</h1>
                                    <div class="hero-button">
                                        <a href="/sybida/student/studentPersonalInformation.html" class="template-button">个人中心 <i class="fa fa-caret-right"></i></a>
                                        <a href="/sybida/publicTool/changePsw.html" class="template-button ml-4">账户中心 <i class="fa fa-caret-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="single-slide-image">
                                    <div class="slide-shape-blue"></div>
                                    <div class="slide-shape-yellow item-ripple-yellow"></div>
                                    <img src="assets/images/tree.png" class="tree-image item-animateOne" alt="tree">
                                    <img src="assets/images/hero-slide-2.png">
                                    <div class="slide-image-bg"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-single-slide">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 align-self-center">
                                <div class="single-slide-content">
                                    <span class="title-top"><i class="fa fa-thumbs-up"></i> welcome to Sybida</span>
                                    <h1 class="title"><span>思  必  达</span> </br>用专业成就未来</h1>
                                    <div class="hero-button">
                                        <a href="/sybida/student/studentPersonalInformation.html" class="template-button">个人中心 <i class="fa fa-caret-right"></i></a>
                                        <a href="/sybida/publicTool/changePsw.html" class="template-button ml-4">账户中心<i class="fa fa-caret-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="single-slide-image">
                                    <div class="slide-shape-blue"></div>
                                    <div class="slide-shape-yellow item-ripple-yellow"></div>
                                    <img src="assets/images/tree.png" class="tree-image item-animateOne" alt="tree">
                                    <img src="assets/images/hero-slide-3.png">
                                    <div class="slide-image-bg"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Service Section Starts -->
        <section class="cropium-service-section padding-top-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 wow fadeIn" data-wow-delay=".1s">
                        <div class="single-service-item d-flex align-items-center">
                            <div class="single-service-icon">
                                <img src="assets/images/service-icon-1.png" alt="icon">
                            </div>
                            <div class="single-service-content">
                                <h4 class="title">Solution Focused</h4>
                                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur odio maiores.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 wow fadeIn" data-wow-delay=".2s">
                        <div class="single-service-item d-flex align-items-center">
                            <div class="single-service-icon">
                                <img src="assets/images/service-icon-2.png" alt="icon">
                            </div>
                            <div class="single-service-content">
                                <h4 class="title">Customer Oriented</h4>
                                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur odio maiores.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 wow fadeIn" data-wow-delay=".3s">
                        <div class="single-service-item d-flex align-items-center">
                            <div class="single-service-icon">
                                <img src="assets/images/service-icon-3.png" alt="icon">
                            </div>
                            <div class="single-service-content">
                                <h4 class="title">Decision Maker</h4>
                                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur odio maiores.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- Footer Section Starts -->
        <!--<footer class="footer-section common-footer">-->
            <!--<div class="footer-widget-area">-->
                <!--<div class="container">-->
                    <!--<div class="row">-->
                        <!--<div class="col-lg-3 col-md-6">-->
                            <!--<div class="footer-widget">-->
                                <!--<div class="widget-title">-->
                                    <!--<h4 class="title">about us</h4>-->
                                <!--</div>-->
                                <!--<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quas, porro nisi ullam saepe harum exercitationem sapiente nostrum.</p>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-lg-3 col-md-6">-->
                            <!--<div class="footer-widget">-->
                                <!--<div class="widget-title">-->
                                    <!--<h4 class="title">our services</h4>-->
                                <!--</div>-->
                                <!--<ul>-->
                                    <!--<li><a href="#">web page design</a></li>-->
                                    <!--<li><a href="#">IOS aplication</a></li>-->
                                    <!--<li><a href="#">UX research</a></li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-lg-3 col-md-6">-->
                            <!--<div class="footer-widget">-->
                                <!--<div class="widget-title">-->
                                    <!--<h4 class="title">useful links</h4>-->
                                <!--</div>-->
                                <!--<ul>-->
                                    <!--<li><a href="#">our blog</a></li>-->
                                    <!--<li><a href="#">case study</a></li>-->
                                    <!--<li><a href="#">legal info</a></li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-lg-3 col-md-6">-->
                            <!--<div class="footer-widget">-->
                                <!--<div class="widget-title">-->
                                    <!--<h4 class="title">Subscribe Us</h4>-->
                                <!--</div>-->
                                <!--<form action="#">-->
                                    <!--<input type="email" placeholder="Email" class="input-shape">-->
                                    <!--<button type="submit"><i class="fa fa-paper-plane"></i></button>-->
                                <!--</form>-->
                                <!--<p>Vestibulum commo sapien non elit porttitor, vitae volutpat nibh mollis.</p>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="footer-bottom">-->
                <!--<div class="container">-->
                    <!--<div class="row">-->
                        <!--<div class="col-md-6">-->
                            <!--<div class="footer-logo">-->
                                <!--<a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>-->
                                <!--<span>&copy; 2020 Softoma. All Rights Reserved.</span>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-md-6 align-self-center">-->
                            <!--<div class="footer-contact">-->
                                <!--<div class="footer-content-right d-flex">-->
                                    <!--<i class="fa fa-headphones"></i>-->
                                    <!--<h3 class="title">123 - 456789</h3>-->
                                <!--</div>-->
                                <!--<div class="footer-social-link">-->
                                    <!--<ul>-->
                                        <!--<li class="facebook-icon"><a href="$"><i class="fa fa-facebook-square"></i></a></li>-->
                                        <!--<li class="twitter-icon"><a href="$"><i class="fa fa-twitter-square"></i></a></li>-->
                                        <!--<li class="linkedin-icon"><a href="$"><i class="fa fa-linkedin-square"></i></a></li>-->
                                        <!--<li class="instagram-icon"><a href="$"><i class="fa fa-instagram"></i></a></li>-->
                                    <!--</ul>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</footer>-->


        <!-- Javascript Files -->
        <script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
        <script src="assets/js/vendor/bootstrap.min.js"></script>
        <script src="assets/js/vendor/slick.min.js"></script>
        <script src="assets/js/vendor/counterup.min.js"></script>
        <script src="assets/js/vendor/waypoints.min.js"></script>
        <script src="assets/js/vendor/jquery.magnific-popup.js"></script>
        <script src="assets/js/vendor/jquery.lineProgressbar.js"></script>
        <script src="assets/js/vendor/lineProgressbarActivate.js"></script>
        <script src="assets/js/vendor/easing.min.js"></script>
        <script src="assets/js/vendor/wow.min.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>
